<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<script>
$(function() {
  $("input[name*='userMemberBo.BrithdayStr']").mask("0000-00-00", {placeholder: "______-__-__"});
});
</script>

<!-- footer -->
<div class="row-fluid footer-bg-img">
	<table width="100%" class="footer-bg-img">
    	<tr>
        	<td width="90%">
            	<img src="<s:property value='sharePath'/>shop_footer/honeydew-footer.jpg" />
            </td>
        </tr>
        <tr>
        	<td width="10%">
            	&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;
            	<a href="https://www.facebook.com/honeydewclub?fref=ts&width=50&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true" class="font-01" target="_blank">
            		<img src="${pageContext.request.contextPath}/image/fb-icon32X32.png"/>
          		</a>
               <a href="https://www.facebook.com/honeydewclub?fref=ts&width=50&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true" class="font-01" target="_blank">
               	Honeydew粉絲團
              	</a>
            </td>
        </tr>
    </table>
</div>

<!-- login Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content login-bg-color" style="width: 800px;">
      <div class="modal-header" align="center">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="loginModalLabel">會員登入/會員註冊</h4>
      </div>
      <div class="modal-body">
      	<table width="100%">
      		<tr>
            	<td>
            		<div id="messageBar"></div>
            	</td>
            </tr>
            <tr>
                <td width="50%" valign="top">
                    <p class="font-01">如果您已經成為會員了，<br />在下方輸入電子信箱即可登入購物</p>
                    <br/>
                    <br/>
                    <label>Email Address 電子信箱</label>
                    <br/>
                    <input type="text" id="loginEmail" name="loginEmail" value="<s:property value='loginEmail'/>" placeholder="請輸入...." />
                    <%-- <s:textfield theme="simple" id="userMemberBo.Email" name="userMemberBo.Email" /> --%>
                    <br/>
                    <br/>
                    <label>Password 密碼</label>
                    <br/>
                    <input type="password" id="loginPassword" name="loginPassword" value="<s:property value='loginPassword'/>" placeholder="請輸入..." />
                    <%-- <s:password theme="simple" id="userMemberBo.Password" name="userMemberBo.Password" /> --%>
                    <br/>
                    <br/>
                    <br/>
                    <div align="left"><button type="button" class="btn" onclick="loginUser();">登入</button>
                    <a href="#">忘記密碼</a></div>
                </td>
                <td width="50%" valign="top">
                    <p class="font-01">第一次來請先加入會員喔!</p>
                    <br/>
                    <br/>
                    <label>Email Address 電子信箱</label>
                    <br/>
                    <input type="text" id="userMemberBo.Email" name="userMemberBo.Email" value="" placeholder="請輸入...." />
                    <br/>
                    <br/>
                    <label>Password 密碼</label>
                    <br/>
                    <input type="password" id="userMemberBo.Password" name="userMemberBo.Password" value="" placeholder="請輸入...." />
                    <br/>
                    <br/>
                    <label>Confrim Password 密碼確認</label>
                    <br/>
                    <input type="password" id="userMemberBo.ComfrimPassword" name="userMemberBo.ComfrimPassword" value="" placeholder="請輸入...." />
                    <br/>
                    <br/>
                    <label>Member Name 會員姓名</label>
                    <br/>
                    <input type="text" id="userMemberBo.Name" name="userMemberBo.Name" value="" placeholder="請輸入...." />
                    <br/>
                    <br/>
                    <label>Mobile 手機號碼</label>
                    <br/>
                    <input type="text" id="userMemberBo.Handphone" name="userMemberBo.Handphone" value="" placeholder="請輸入...." />
                    <br/>
                    <br/>
                    <label>Address 聯絡地址</label>
                    <br/>
                    <input type="text" id="userMemberBo.Address" name="userMemberBo.Address" value="" placeholder="請輸入...." />
                    <br/>
                    <br/>
                    <label>Brithday 生日</label>
                    <br/>
                    <input type="text" id="userMemberBo.BrithdayStr" name="userMemberBo.BrithdayStr" value="" placeholder="請輸入...." />
                    <br/>
                    <br/>
                    <br/>
                    <div align="right"><button type="button" class="btn" onclick="ajaxAddUser();">加入會員</button></div>
                </td>
            </tr>
        </table>        
      </div>
    </div>
  </div>
</div>
<!-- login Modal -->

<!-- Logout Modal -->
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="logoutModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header logout-bg-color">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">會員登出</h4>
      </div>
      <div class="modal-body logout-bg-color">
          <legend>謝謝您對Honeydew的支持，我們會盡速為您處理訂單!!</legend>
      </div>
    </div>
  </div>
</div>
<!-- Logout Modal -->
</html>